<template>
  <div class="shop-detail">
    <shop-detail-nav-bar />
    <scroll class="scroll" ref="scroll">
      <shop-activity-properties :activity-properties="shopDetail" />
      <shop-food-super-vision :status="shopDetail.status" />
      <shop-business-information :business-information="shopDetail" />
    </scroll>
    <router-view />
  </div>
</template>

<script>
import Scroll from "components/common/betterScroll/Scroll";

import ShopDetailNavBar from "./childComps/ShopDetailNavBar";
import ShopActivityProperties from "./childComps/ShopActivityProperties";
import ShopFoodSuperVision from "./childComps/ShopFoodSuperVision";
import ShopBusinessInformation from "./childComps/ShopBusinessInformation";

import {EDIT_SHOP_DETAIL_STATUS} from 'store/mutations.type'
export default {
  props: {
    shopDetail: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  mounted() {
    this.$store.commit(EDIT_SHOP_DETAIL_STATUS,this.shopDetail.status)
  },
  components: {
    Scroll,
    ShopDetailNavBar,
    ShopActivityProperties,
    ShopFoodSuperVision,
    ShopBusinessInformation,
  },
};
</script>
<style lang="less" scoped>
.shop-detail {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ebebeb;
  z-index: 1;
  .scroll {
    height: calc(100% - 44px);
    overflow: hidden;
  }
}
</style>
